<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
    
    <%@ page import="com.ipt.frm.util.Utilidades"   %>
     <%@ page import="com.ipt.frm.bean.Mensaje"   %>
    
<!DOCTYPE html>
<html lang="es">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link href="css/reset.css" rel="stylesheet" />
		<link href="css/estiloslogin.css" rel="stylesheet" />
		<link href="css/estilosmsg.css" rel="stylesheet" />
		<!-- CSS -->
		<link rel="stylesheet"  href="${pageContext.request.contextPath}/movil/css/themes/default/jquery.mobile-1.4.0.min.css">
		<link rel="stylesheet"  href="${pageContext.request.contextPath}/movil/css/themes/default/jquery.mobile.external-png-1.4.0.min.css">		
		<link rel="stylesheet"  href="${pageContext.request.contextPath}/movil/css/themes/raul.min.css">
		<link rel="stylesheet"  href="${pageContext.request.contextPath}/movil/css/themes/default/jquery.mobile.icons-1.4.0.min.css">
		<link rel="stylesheet"  href="${pageContext.request.contextPath}/movil/css/themes/default/jquery.mobile.inline-png-1.4.0.min.css">
		<link rel="stylesheet"  href="${pageContext.request.contextPath}/movil/css/themes/default/jquery.mobile.inline-svg-1.4.0.min.css">
		<link rel="stylesheet"  href="${pageContext.request.contextPath}/movil/css/themes/default/jquery.mobile.structure-1.4.0.min.css">
		<link rel="stylesheet"  href="${pageContext.request.contextPath}/movil/css/themes/default/jquery.mobile.theme-1.4.0.min.css">
		<link rel="stylesheet"  href="/css/estilosmsg.css">
		<!-- <link rel="stylesheet" href="_assets/css/jqm-demos.css">
	    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700"> -->
	    <!-- JS - JQUERY -->
		<script src="${pageContext.request.contextPath}/movil/js/jquery.js"></script>
		<script src="${pageContext.request.contextPath}/movil/js/jquery.mobile-1.4.0.min.js"></script>
		
		<title>Acceso de usuarios</title>
	</head>
	<body>	
		<div data-role="page" data-title="Pruebas | Login">
			<!-- Cabecera -->
			<div data-role="header">
				<h6>Log in</h6>
			</div>
			<!-- Fin Cabecera -->
			
			<!-- Contenido -->
			<div data-role="content">
				<%
				 // recojer de la request
			 	 if ( request.getAttribute("MSG") != null ){
						Mensaje msg = (Mensaje)request.getAttribute("MSG");
				%>
				<div class="<%=msg.getTipo()%> mensajes">
	   		 		<%=msg.getDescripcion() %>
	   	 		</div>
	   	 		<% } //end if %>
				<form action="<%=request.getContextPath()%>/login" method="post" data-ajax="false" data-transition="slide">
					<label for="user">Usuario</label>
					<input type="text" name="user" id="user" placeholder=" Minimo 5 caracteres"
				      	   pattern="[A-Za-z]{5,}" required>
			   		<label for="password">Password</label>  
			    	<input id="password" class="texto" type="password" placeholder="Min 8, mayusculas, minusculas o signos" title ="Min 8, mayusculas, minusculas o signos" 
			      		   name="password" value="" pattern="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$" required>
			      		   
					<input type="submit" value="Login" id="submit-6" data-inline="true" />			
				</form>
			</div>
			<!-- Fin Contenido -->
			<!-- Pie -->
		<div data-role="footer">
			<h6>Ipartek Servicios Informaticos&copy;  <%=Utilidades.getActualYear() %></h6>
		</div>
		<!-- Fin Pie -->
			
		</div>
	</body>
</html>